<template>
    <el-container>
      <el-header style="height: 43px">
        订单审核
        
    
        
        <el-button type="primary" plain style="margin-left:80%" @click="closePage()">关闭页面</el-button>
        <el-button icon="el-icon-search" circle @click="refresh()" ></el-button>
        
      </el-header>
      <el-container>
        <el-main style="background-color:white;width:49.4%">
            <el-container>
                <el-header>资料区</el-header>
                <el-main> 
                    <el-tabs type="border-card">
                        <el-tab-pane label="申请信息">
                           <el-collapse v-model="activeNames" @change="handleChange">
              <el-collapse-item>
                  <template slot="title">
                    <h1>用户详情</h1>
                  </template>
                <template>
                  <el-descriptions class="margin-top"  :column="3" :size="size" border>
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-user"></i>
                            用户编号 
                          </template>
                            <span>{{userData.userId}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-user"></i>
                            用户姓名
                          </template>
                          <span>{{userData.realName}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-mobile-phone"></i>
                            用户电话
                          </template>
                          <span>{{userData.userPhone}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            身份证
                          </template>
                          <span>{{userData.identityCard}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-user"></i>
                            银行卡号
                          </template>
                          <span>{{userData.bankCard}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-location-outline"></i>
                            家庭住址
                          </template>
                          <span>{{userData.address}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-user"></i>
                            教育程度
                          </template>
                          <span>{{userData.educationLevel}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-user"></i>
                            职业
                          </template>
                          <span>{{userData.occupation}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-user"></i>
                            月收入
                          </template>
                          <span>{{userData.occupation}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-user"></i>
                            房权证号
                          </template>
                          <span>{{userData.houseCertificate}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-user"></i>
                            信用情况
                          </template>
                          <span>{{userData.creditStanding}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-user"></i>
                            贷款说明
                          </template>
                          <span>{{userData.loanDescription}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-user"></i>
                            紧急联系人电话
                          </template>
                          <span>{{userData.emergencyPhone}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-user"></i>
                            更新时间
                          </template>
                          <span>{{userData.updateTime}}</span>
                        </el-descriptions-item>
    
                      </el-descriptions>
    
                      </template>
                    </el-collapse-item>
    
              
                  <el-collapse-item>
                  <template slot="title">
                    <h1>产品详情</h1>
                  </template>
                  <template>
                  <el-descriptions class="margin-top"  :column="3" :size="size" border>
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            产品编号 
                          </template>
                            <span>{{productData.id}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            产品名称 
                          </template>
                            <span>{{productData.productName}}</span>
                        </el-descriptions-item>
                        
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            图片 
                          </template>
                            <span>{{productData.image}}</span>
                        </el-descriptions-item>
                        
                        
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            资金方 
                          </template>
                            <span>{{productData.escrow}}</span>
                        </el-descriptions-item>
                        
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            审核状态Y 
                          </template>
                            <span v-if="productData.auditStatus=='0'">未审核</span>
                            <span v-else="productData.auditStatus=='1'">已审核</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            启用状态Y 
                          </template>
                           
                            <span v-if="productData.enableStatus=='0'">未启用</span>
                            <span v-else="productData.enableStatus=='1'">已启用</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            月利率
                          </template>
                            <span>{{productData.monthRate}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            咨询费率
                          </template>
                            <span>{{productData.consultingRate}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            保证金费率
                          </template>
                            <span>{{productData.marginRate}}</span>
                        </el-descriptions-item>
    
                        
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            还款方式
                          </template>
                          <span v-if="productData.paymentMethod=='0'">等额本息</span>
                          <span v-else-if="productData.paymentMethod=='1'">等本等息</span>
                          <span v-else-if="productData.paymentMethod=='2'">先息后本</span>
                          <span v-else="productData.paymentMethod=='3'">一次性环息付本</span>
                        </el-descriptions-item>
    
                        
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            贷款期限
                          </template>
                            <span v-if="productData.loanTerm=='0'">1个月</span>
                            <span v-else-if="productData.loanTerm=='1'">3个月</span>
                            <span v-else-if="productData.loanTerm=='2'">6个月</span>
                            <span v-else-if="productData.loanTerm=='3'">9个月</span>
                            <span v-else-if="productData.loanTerm=='4'">12个月</span>
                            <span v-else-if="productData.loanTerm=='5'">18个月</span>
                            <span v-else-if="productData.loanTerm=='6'">24个月</span>
                            <span v-else="productData.loanTerm=='7'">36个月</span>
                        </el-descriptions-item>
    
                        
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            创建者
                          </template>
                            <span>{{productData.creater}}</span>
                        </el-descriptions-item>
    
                        
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            更新者
                          </template>
                            <span>{{productData.updater}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            创建时间
                          </template>
                            <span>{{productData.creatTime}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            更新时间
                          </template>
                            <span>{{productData.updateTime}}</span>
                        </el-descriptions-item>
    
                  </el-descriptions> 
                  </template>     
                </el-collapse-item>
    
                <el-collapse-item>
                  <template slot="title">
                    <h1>家庭信息</h1>
                  </template>
                  <template>
                  <el-descriptions class="margin-top"  :column="3" :size="size" border>
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            配偶名字 
                          </template>
                            <span>{{homeData.mateName}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            身份证 
                          </template>
                            <span>{{homeData.identityCard}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            性别
                          </template>
                            <span>{{homeData.sex}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            民族
                          </template>
                            <span>{{homeData.nation}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            生日
                          </template>
                            <span>{{homeData.birthday}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            年龄
                          </template>
                            <span>{{homeData.age}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            发证机关 
                          </template>
                            <span>{{homeData.authority}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            祖籍
                          </template>
                            <span>{{homeData.residence}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            现住址 
                          </template>
                            <span>{{homeData.address}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            电话 
                          </template>
                            <span>{{homeData.phone}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            学历等级 
                          </template>
                            <span>{{homeData.education}}</span>
                        </el-descriptions-item>
    
                    
                  </el-descriptions> 
                  </template>     
                </el-collapse-item>
    
                <el-collapse-item>
                  <template slot="title">
                    <h1>财产信息</h1>
                  </template>
                  <template>
                  <el-descriptions class="margin-top"  :column="3" :size="size" border>
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            住宅类型 
                          </template>
                            <span>{{propertyData.houseType}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            住宅地址 
                          </template>
                            <span>{{propertyData.houseAddress}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            汽车品牌 
                          </template>
                            <span>{{propertyData.carBrand}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            汽车类型 
                          </template>
                            <span>{{propertyData.carType}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            是否按揭贷款
                          </template>
                            <span>{{propertyData.mortgage}}</span>
                        </el-descriptions-item>
    
          
                  </el-descriptions> 
                  </template>     
                </el-collapse-item>
    
                <el-collapse-item>
                  <template slot="title">
                    <h1>担保人信息</h1>
                  </template>
                  <template>
                  <el-descriptions class="margin-top"  :column="3" :size="size" border>
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            姓名 
                          </template>
                            <span>{{guarantorData.name}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            身份证 
                          </template>
                            <span>{{guarantorData.identityCard}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            性别
                          </template>
                            <span>{{guarantorData.sex}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            民族
                          </template>
                            <span>{{guarantorData.nation}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            生日
                          </template>
                            <span>{{guarantorData.birthday}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            年龄
                          </template>
                            <span>{{guarantorData.age}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            发证机关 
                          </template>
                            <span>{{guarantorData.authority}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            祖籍
                          </template>
                            <span>{{guarantorData.residence}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            现住址 
                          </template>
                            <span>{{guarantorData.address}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            电话 
                          </template>
                            <span>{{guarantorData.phone}}</span>
                        </el-descriptions-item>
    
                        <el-descriptions-item>
                          <template slot="label">
                            <i class="el-icon-tickets"></i>
                            学历等级 
                          </template>
                            <span>{{guarantorData.education}}</span>
                        </el-descriptions-item>
    
                    
                  </el-descriptions> 
                  </template>     
                </el-collapse-item>
                
                           </el-collapse>
                        </el-tab-pane>
    
    
                        <el-tab-pane label="申请人附件信息">
                              <el-collapse v-model="activeNames" @change="handleChange">
                                <el-collapse-item>
                                    <template slot="title">
                                      <h1>申请人身份证原件</h1>
                                    </template>
                                    <template>
                                      <img src="@/views/credit_admin/idCardImag/idCard/idcard.webp" style="height: 15%;width: 30%;"/>
                                            <img src="@/views/credit_admin/idCardImag/idCard/idcard2.webp" style="height: 15%;width: 30%;" />
                                    </template>     
                                  </el-collapse-item>
    
                                  <el-collapse-item>
                                    <template slot="title">
                                      <h1>申请人配偶身份证原件</h1>
                                    </template>
                                    <template>
                                      <img src="@/views/credit_admin/idCardImag/mateIdCard/mateIdCard.gif" style="height: 15%;width: 30%;"/>
                                            <img src="@/views/credit_admin/idCardImag/mateIdCard/metaIdCard2.webp" style="height: 15%;width: 30%;" />
                                    </template>    
                                  </el-collapse-item>
    
                                  <el-collapse-item>
                                    <template slot="title">
                                      <h1>申请人户口本原件</h1>
                                    </template>
                                    <template>
                                      <img src="@/views/credit_admin/idCardImag/household/house1.webp" style="height: 15%;width: 30%;"/>
                                            <img src="@/views/credit_admin/idCardImag/household/house2.jpg" style="height: 15%;width: 30%;" />
                                    </template>   
                                  </el-collapse-item>
    
                                  <el-collapse-item>
                                    <template slot="title">
                                      <h1>申请人配偶户口本原件</h1>
                                    </template>
                                    <template>
                                      <img src="@/views/credit_admin/idCardImag/household/house5.webp" style="height: 15%;width: 30%;"/>
                                            <img src="@/views/credit_admin/idCardImag/household/house6.webp" style="height: 15%;width: 30%;" />
                                    </template>    
                                  </el-collapse-item>
                                  
                                  <el-collapse-item>
                                    <template slot="title">
                                      <h1>个人或直系亲属从业证明</h1>
                                    </template>
                                    <template>
                                      <img src="@/views/credit_admin/idCardImag/employmentCertificate/certifacate.webp" style="height: 15%;width: 30%;"/>
                                            <img src="@/views/credit_admin/idCardImag/employmentCertificate/certifacate2.gif" style="height: 15%;width: 30%;" />
                                    </template>      
                                  </el-collapse-item>
    
                                  <el-collapse-item>
                                    <template slot="title">
                                      <h1>申请人婚姻证明</h1>
                                    </template>
                                    <template>
                                      <img src="@/views/credit_admin/idCardImag/marriageCertificate/certifacate2.gif" style="height: 15%;width: 30%;"/>
                                            <img src="@/views/credit_admin/idCardImag/marriageCertificate/certifacate.webp" style="height: 15%;width: 30%;" />
                                    </template> 
                                  </el-collapse-item>
                              </el-collapse>
                        </el-tab-pane>
    
    
                        <el-tab-pane label="担保人附件">
                           <el-collapse v-model="activeNames" @change="handleChange">
                                <el-collapse-item>
                                    <template slot="title">
                                      <h1>担保人身份证原件</h1>
                                    </template>
                                    <template>
                              
                                      <img src="@/views/credit_admin/idCardImag/mateIdCard/mateIdCard.gif" style="height: 15%;width: 30%;"/>     
                                      <img src="@/views/credit_admin/idCardImag/household/house5.webp" style="height: 15%;width: 30%;"/>
                                    </template>     
                                  </el-collapse-item>
    
                                  <el-collapse-item>
                                    <template slot="title">
                                      <h1>担保人配偶身份证原件</h1>
                                    </template>
                                    <template>
                                      <img src="@/views/credit_admin/idCardImag/household/house1.webp" style="height: 15%;width: 30%;"/>
                                      <img src="@/views/credit_admin/idCardImag/idCard/idcard.webp" style="height: 15%;width: 30%;"/>      
                                      
                                    </template>    
                                  </el-collapse-item>
    
                                  <el-collapse-item>
                                    <template slot="title">
                                      <h1>担保人户口本原件</h1>
                                    </template>
                                    <template>
                                      <img src="@/views/credit_admin/idCardImag/mateIdCard/metaIdCard2.webp" style="height: 15%;width: 30%;" />
                                            <img src="@/views/credit_admin/idCardImag/household/house2.jpg" style="height: 15%;width: 30%;" />
                                    </template>   
                                  </el-collapse-item>
    
                                  <el-collapse-item>
                                    <template slot="title">
                                      <h1>担保人配偶户口本原件</h1>
                                    </template>
                                    <template>
                                      <img src="@/views/credit_admin/idCardImag/household/house5.webp" style="height: 15%;width: 30%;"/>
                                            <img src="@/views/credit_admin/idCardImag/household/house6.webp" style="height: 15%;width: 30%;" />
                                    </template>    
                                  </el-collapse-item>
                                  
                                  <el-collapse-item>
                                    <template slot="title">
                                      <h1>担保人从业证明</h1>
                                    </template>
                                    <template>
                                      <img src="@/views/credit_admin/idCardImag/employmentCertificate/certifacate.webp" style="height: 15%;width: 30%;"/>
                                            <img src="@/views/credit_admin/idCardImag/employmentCertificate/certifacate2.gif" style="height: 15%;width: 30%;" />
                                    </template>      
                                  </el-collapse-item>
    
                                  <el-collapse-item>
                                    <template slot="title">
                                      <h1>担保人婚姻证明</h1>
                                    </template>
                                    <template>
                                      <img src="@/views/credit_admin/idCardImag/marriageCertificate/certifacate2.gif" style="height: 15%;width: 30%;"/>
                                            <img src="@/views/credit_admin/idCardImag/marriageCertificate/certifacate.webp" style="height: 15%;width: 30%;" />
                                    </template> 
                                  </el-collapse-item>
                              </el-collapse>
    
                        </el-tab-pane>
                    </el-tabs>  
                </el-main>
            </el-container>
        </el-main>
        <div style="background-color: #d3d3d3e3; width:1.2%"></div>
        <el-main style="background-color: white;width:49.4%">
            <el-container>
                <el-header>操作区</el-header>
                <el-main>
                    <el-tabs type="border-card">
                        <el-tab-pane label="征信">
                                <el-descriptions class="margin-top"  :column="1" :size="size" border>   
                                <el-descriptions-item>
                                  <template slot="label">
                                      信用记录是否空白
                                    </template>
                                    <el-switch
                                    v-model="examineNewData.creditRecord"
                                    active-color="#13ce66"
                                    inactive-color="#ff4949"
                                    active-text="是"
                                    inactive-text="否">
                                </el-switch>
                              </el-descriptions-item>
    
                              <el-descriptions-item>
                                  <template slot="label">
                                      用户是否有过逾期行为
                                    </template>
                                    <el-switch
                                    v-model="examineNewData.overdue"
                                    active-color="#13ce66"
                                    inactive-color="#ff4949"
                                    active-text="是"
                                    inactive-text="否">
                                </el-switch>
                              </el-descriptions-item>
    
                              <el-descriptions-item>
                                  <template slot="label">
                                      用户申请金额是否超过还款能力
                                    </template>
                                    <el-switch
                                    v-model="examineNewData.exceedsCapacity"
                                    active-color="#13ce66"
                                    inactive-color="#ff4949"
                                    active-text="是"
                                    inactive-text="否">
                                </el-switch>
                              </el-descriptions-item>
    
                              <el-descriptions-item>
                                  <template slot="label">
                                      单笔负债是否异常
                                    </template>
                                    <el-switch
                                    v-model="examineNewData.singleDebt"
                                    active-color="#13ce66"
                                    inactive-color="#ff4949"
                                    active-text="是"
                                    inactive-text="否">
                                </el-switch>
                              </el-descriptions-item>
    
                              <el-descriptions-item>
                                  <template slot="label">
                                      单笔对外担保负债是否出现异常
                                    </template>
                                    <el-switch
                                    v-model="examineNewData.singleGuaranteeDebt"
                                    active-color="#13ce66"
                                    inactive-color="#ff4949"
                                    active-text="是"
                                    inactive-text="否">
                                </el-switch>
                              </el-descriptions-item>
                                
                              </el-descriptions> 
                        
                        </el-tab-pane>
    
                        <el-tab-pane label="反欺诈">
                             <el-collapse v-model="activeNames" @change="handleChange">
                                <el-collapse-item title="人法网信息" name="1">
                                  <el-descriptions class="margin-top"  :column="1" :size="size" border>
                                          <el-descriptions-item>
                                        <template slot="label">
                                            申请人是否存在人法被执行记录
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.execution"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
    
                                          <el-descriptions-item>
                                        <template slot="label">
                                          申请人配偶是否存在人法被执行记录
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.mateExecution"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
    
                                      <el-descriptions-item>
                                        <template slot="label">
                                          担保人是否存在人法被执行记录
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.guarantorExecution"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
    
                                    <el-descriptions-item>
                                        <template slot="label">
                                          担保人配偶是否存在人法被执行记录
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.guarantorMateExecution"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
    
                                  </el-descriptions>
                                </el-collapse-item>
    
    
                                <el-collapse-item title="失信网信息" name="2">
                                  <el-descriptions class="margin-top"  :column="1" :size="size" border>
                                    <el-descriptions-item>
                                        <template slot="label">
                                          申请人是否存在失信记录
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.dishonesty"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
    
                                    <el-descriptions-item>
                                        <template slot="label">
                                          申请人配偶是否存在失信记录
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.mateDishonesty"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
    
    
                                    <el-descriptions-item>
                                        <template slot="label">
                                          担保人是否存在失信记录
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.guarantorDishonesty"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
    
                                    <el-descriptions-item>
                                        <template slot="label">
                                          担保人配偶是否存在失信记录
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.guarantorMateDishonesty"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
                                  </el-descriptions>
                                </el-collapse-item>
    
    
                                <el-collapse-item title="工商网信息" name="3">
                                  <el-descriptions class="margin-top"  :column="1" :size="size" border>
                                    <el-descriptions-item>
                                        <template slot="label">
                                          申请人身份证号码存在异常信息
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.idCardAbnormal"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
    
                                    <el-descriptions-item>
                                        <template slot="label">
                                          申请人配偶身份证号码存在异常信息
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.idCardMateAbnormal"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
    
                                    <el-descriptions-item>
                                        <template slot="label">
                                          自然担保人身份证号码存在异常信息
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.idCardGuarantorAbnormal"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
    
                                    <el-descriptions-item>
                                        <template slot="label">
                                          自然担保人配偶身份证号码存在异常信息
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.idCardGuarantorMateAbnormal"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
    
                                    <el-descriptions-item>
                                        <template slot="label">
                                          申请人手机号码存在异常信息
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.phoneAbnormal"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
                                  
    
                                  <el-descriptions-item>
                                        <template slot="label">
                                          申请人配偶/直系亲属手机号码存在异常信息
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.phoneMateAbnormal"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
                                  
    
                                  <el-descriptions-item>
                                        <template slot="label">
                                          自然担保人手机号码存在异常信息
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.phoneGuarantorAbnormal"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
                                
    
                                  <el-descriptions-item>
                                        <template slot="label">
                                          自然担保人配偶手机号码存在异常信息
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.phoneGuarantorMateAbnormal"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
    
                                    <el-descriptions-item>
                                        <template slot="label">
                                          申请人现住址存在异常信息
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.addressAbnormal"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
    
                                    <el-descriptions-item>
                                        <template slot="label">
                                          自然担保人现住址存在异常信息
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.addressGuarantorAbnormal"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                                    </el-descriptions-item>
                                  </el-descriptions>
                                
                                  
                                </el-collapse-item>
                              </el-collapse>                
                        </el-tab-pane>
    
                        <el-tab-pane label="电话核查">
                          <el-descriptions class="margin-top"  :column="1" :size="size" border>
                               <el-descriptions-item>
                                        <template slot="label">
                                          是否为被调查对象本人接听
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.oneself"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                              </el-descriptions-item>
    
                              <el-descriptions-item>
                                        <template slot="label">
                                          身份证（生日、年龄、属相）核实是否一致
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.idCardConsistent"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                              </el-descriptions-item>
                          
    
                              <el-descriptions-item>
                                        <template slot="label">
                                          家庭联系人姓名关系核实是否一致
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.relationshipConsistent"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                              </el-descriptions-item>
    
                              <el-descriptions-item>
                                        <template slot="label">
                                          父母是否共同生活
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.livingTogether"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                              </el-descriptions-item>
    
                              <el-descriptions-item>
                                        <template slot="label">
                                          当前住址与申请表是否一致
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.addressConsistent"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                              </el-descriptions-item>
    
                              <el-descriptions-item>
                                        <template slot="label">
                                          财产情况与申请表是否一致
                                          </template>
                                          <el-switch
                                          v-model="examineNewData.propertyConsistent"
                                          active-color="#13ce66"
                                          inactive-color="#ff4949"
                                          active-text="是"
                                          inactive-text="否">
                                      </el-switch>
                              </el-descriptions-item>
                          </el-descriptions>                    
                        </el-tab-pane>
    
                        <el-tab-pane label="还款能力核算">
                      <el-collapse v-model="activeNames" @change="handleChange">
                        <el-collapse-item title="家庭收入" name="1">
                        <el-descriptions class="margin-top"  :column="1" :size="size" border>
                              <el-descriptions-item>
                                    <template slot="label">   
                                      住房公积金缴费基数(元)
                                      </template>
                                     
                                          <el-select v-model="examineNewData.accumulationFund" placeholder="审核状态" clearable style="width: 240px">
                                          <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                        </el-select>
                                       
                              </el-descriptions-item>

                              <el-descriptions-item>
                                    <template slot="label">   
                                      社保缴费工资(元)
                                      </template>
                                      <el-select v-model="examineNewData.socialSecurity" placeholder="审核状态" clearable style="width: 240px">
                                          <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                        </el-select>
                              </el-descriptions-item>

                              <el-descriptions-item>
                                    <template slot="label">   
                                      银行流水的收入认定(元)
                                      </template>
                                      <el-select v-model="examineNewData.bankFlow" placeholder="审核状态" clearable style="width: 240px">
                                          <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                        </el-select>
                              </el-descriptions-item>

                              
                        </el-descriptions>
                      </el-collapse-item>

                      <el-collapse-item title="家庭支出" name="2">
                        <el-descriptions class="margin-top"  :column="1" :size="size" border>
                        <el-descriptions-item>
                                    <template slot="label">   
                                      日常支出(元）
                                      </template>
                                      <el-select v-model="examineNewData.dailyPay" placeholder="审核状态" clearable style="width: 240px">
                                          <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                        </el-select>
                              </el-descriptions-item>

                              <el-descriptions-item>
                                    <template slot="label">   
                                      教育支出(元)
                                      </template>
                                      <el-select v-model="examineNewData.educationPay" placeholder="审核状态" clearable style="width: 240px">
                                          <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                        </el-select>
                              </el-descriptions-item>

                              <el-descriptions-item>
                                    <template slot="label">   
                                      银行流水的收入认定(元)
                                      </template>
                                      <el-select v-model="examineNewData.medicalPay" placeholder="审核状态" clearable style="width: 240px">
                                          <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                        </el-select>
                              </el-descriptions-item>
                            </el-descriptions>
                      </el-collapse-item>

                      <el-collapse-item title="家庭负债" name="3">
                        <el-descriptions class="margin-top"  :column="1" :size="size" border>
                          <el-descriptions-item>
                                    <template slot="label">   
                                      贷款(元)
                                      </template>
                                      <el-select v-model="examineNewData.travelPay" placeholder="审核状态" clearable style="width: 240px">
                                          <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                        </el-select>
                              </el-descriptions-item>

                              <el-descriptions-item>
                                    <template slot="label">   
                                      贷记卡(元)
                                      </template>
                                      <el-select v-model="examineNewData.insurancePay" placeholder="审核状态" clearable style="width: 240px">
                                          <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                        </el-select>
                              </el-descriptions-item>

                              <el-descriptions-item>
                                    <template slot="label">   
                                      个人信贷(元)
                                      </template>
                                      <el-select v-model="examineNewData.loan" placeholder="审核状态" clearable style="width: 240px">
                                          <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                        </el-select>
                              </el-descriptions-item>

                              <el-descriptions-item>
                                    <template slot="label">   
                                      应付账款(元)
                                      </template>
                                      <el-select v-model="examineNewData.currentPay" placeholder="审核状态" clearable style="width: 240px">
                                          <el-option label="1000元" value='1000' />
                                          <el-option label="2000元" value='2000' />
                                      </el-select>
                              </el-descriptions-item>
                        
                        </el-descriptions>

                        </el-collapse-item>
                      </el-collapse>
                    </el-tab-pane>
    
    
                        <el-tab-pane label="审核操作">
                            <div style="width:35%;margin-left:30%" >
                      <el-form ref="form" :model="form" label-width="80px" >
                        <el-form-item label="">
                          <el-button type="primary" :disabled="submit" @click="machineMark()" >机 器 审 核</el-button>
                        </el-form-item>
                        <el-form-item label="审核评分:">
                          {{machineScore.score}}
                        </el-form-item>
                        <el-form-item label="审核建议:">
                          {{machineScore.advice}}
                        </el-form-item>
                        <el-form-item label="审核员:">
                          {{updone.auditor}}
                        </el-form-item>
                        <el-form-item label="">
                          <el-button type="primary" :disabled="submit" @click="examineSubmit" >审 核 通 过</el-button>
                        </el-form-item>
                        <el-form-item label="">
                          <el-button type="danger"  :disabled="reject" @click="examineReject" >审 核 拒 绝</el-button>
                        </el-form-item>
                      </el-form>
                    </div>
    
    
                        </el-tab-pane>
                    </el-tabs> 
                </el-main>
            </el-container>
        </el-main>
      </el-container>
    </el-container>
      </template>
    
    <style>
       .el-header, .el-footer {
        background-color: #e9e9e9d5;
        color: #333;
        text-align: left;
        line-height: 43px;
      }
     
      
      .el-aside {
        background-color: #D3DCE6;
        color: #333;
        text-align: center;
        line-height: 200px;
      }
      
      .el-main {
        background-color: #E9EEF3;
        color: #333;
        text-align: center;
        /* line-height: 200px; */
      }
      
      body > .el-container {
        margin-bottom: 40px;
      }
      
      .el-container:nth-child(5) .el-aside,
      .el-container:nth-child(6) .el-aside {
        line-height: 260px;
      }
      
      .el-container:nth-child(7) .el-aside {
        line-height: 320px;
      }
      </style>
    
    <script>
        import { listOrder, getOrder, delOrder, addOrder, updateOrder,addContract,sendTest } from "@/api/credit/creOrder";
        import { getProducts } from "@/api/credit/creproduct";
        import { getUser } from "@/api/credit/creUser";
        import { listExamine,addExamine,listExamineByOrderId,updateExamine} from "../../api/credit/creExamine";  
        import { listExamineNew,getExamineNew,addExamineNew,updateExamineNew,delExamineNew,getExamineNewByOrderId,machineAudit,getUserName} from "@/api/credit/creExamineNew";
        export default {
          data() {
            return {
              activeName: 'first',
              activeName2:'second',
            //机器审核评分
                machineScore:{
                    score:null,
                    advice:null,

                },

                 

              //审核按钮传值
              orderId:null,
              userId:null,
              productId:null,
              auditStatus:null,
                 //用户数据
                userData:{},
                //产品数据
                productData:{},
                //审核数据
                // examineNewData:{}, 
                
                //审核通过及拒绝发送的实体
                  updone:{
                    orderId:null,
                    auditor:null,
                    auditStatus:null,
                  },
                 
    
                 //审核面板记录
                 examineNewData:{
                    orderId:null,
                    creditRecord:true,
                    overdue:true,
                    exceedsCapacity:true,
                    singleDebt:true,
                    singleGuaranteeDebt:true,
                    execution:true,
                    mateExecution:true,
                    guarantorExecution:true,
                    guarantorMateExecution:true,
                    dishonesty:true,
                    mateDishonesty:true,
                    guarantorDishonesty:true,
                    guarantorMateDishonesty:true,
                    idCardAbnormal:true,
                    idCardMateAbnormal:true,
                    idCardGuarantorAbnormal:true,
                    idCardGuarantorMateAbnormal:true,
                    phoneAbnormal:true,
                    phoneMateAbnormal:true,
                    phoneGuarantorAbnormal:true,
                    phoneGuarantorMateAbnormal:true,
                    addressAbnormal:true,
                    addressGuarantorAbnormal:true,
                    oneself:true,
                    idCardConsistent:true,
                    relationshipConsistent:true,
                    livingTogether:true,
                    addressConsistent:true,
                    propertyConsistent:true,
                    accumulationFund:0,
                    socialSecurity:0,
                    bankFlow:0,
                    dailyPay:0,
                    educationPay:0,
                    medicalPay:0,
                    travelPay:0,
                    insurancePay:0,
                    loan:0,
                    currentPay:0,
                    initiator:0,
                    contractName:0,
                },
                 
    
                //假数据 家庭信息
                  homeData:{
                    mateName:"黄晓明",
                    identityCard:"371323879992393",
                    sex:"男",
                    nation:"汉族",
                    birthday:'1988-03-34',
                    age:"30",
                    authority:"沂水县公安局",
                    residence:"山东省临沂市沂水县",
                    address:"山东省济南市历下区汉峪金谷",
                    phone:"15234233423",
                    education:"高中",
                  },           
                   //假数据 财产信息
                   propertyData:{
                    houseType:"住宅",
                    houseAddress:"山东省",
                    carBrand:"奔驰",
                    carType:"未知",
                    mortgage:"是",
                   },
    
                //假数据 担保人信息
                guarantorData:{
                    name:"黄晓明",
                    identityCard:"371323879992393",
                    sex:"男",
                    nation:"汉族",
                    birthday:'1988-03-34',
                    age:"30",
                    authority:"沂水县公安局",
                    residence:"山东省临沂市沂水县",
                    address:"山东省济南市历下区汉峪金谷",
                    phone:"15234233423",
                    education:"高中",
                },
    
    
            };
          },
          created() {
            this.getParams();
            this.getUserData();
            this.getProductData();
            this.getExamineNewData();
            this.getAuditName();
            // this.getExamineNewData();
            
         },
          methods: {
            //机器审核
                machineMark(){
                console.log(1);
                machineAudit(this.examineNewData).then(response=>{
                    console.log(response.data);
                    this.machineScore = response.data;
                })
                },

                 //获得审核人名字
                  getAuditName(){
                    getUserName().then(response=>{
                      console.log(1);
                      this.updone.auditor = response.msg;
                    })
                  },
            //获得审核按钮传值
            getParams(){
              this.orderId = this.$route.query.orderId;
                this.userId = this.$route.query.userId;
                this.productId = this.$route.query.productId;
                this.auditStatus = this.$route.query.auditStatus;
            },
    
            //获得用户数据
            getUserData(){
                getUser(this.userId).then(response=>{
                this.userData = response.data; 
                }); 
            },
    
            //获得产品数据
            getProductData(){
              getProducts(this.productId).then(response=>{
                    this.productData = response.data;
                });
            },
    
            //获得审核数据
            getExamineNewData(){
              getExamineNewByOrderId(this.orderId).then(response=>{
                    this.examineNewData = response.data;
                }
              );
            },
    
            // 审核表单重置
            resetExamineNewData(){
                    this.examineNewData = {
                    orderId:null,
                    creditRecord:true,
                    overdue:true,
                    exceedsCapacity:true,
                    singleDebt:true,
                    singleGuaranteeDebt:true,
                    execution:true,
                    mateExecution:true,
                    guarantorExecution:true,
                    guarantorMateExecution:true,
                    dishonesty:true,
                    mateDishonesty:true,
                    guarantorDishonesty:true,
                    guarantorMateDishonesty:true,
                    idCardAbnormal:true,
                    idCardMateAbnormal:true,
                    idCardGuarantorAbnormal:true,
                    idCardGuarantorMateAbnormal:true,
                    phoneAbnormal:true,
                    phoneMateAbnormal:true,
                    phoneGuarantorAbnormal:true,
                    phoneGuarantorMateAbnormal:true,
                    addressAbnormal:true,
                    addressGuarantorAbnormal:true,
                    oneself:true,
                    idCardConsistent:true,
                    relationshipConsistent:true,
                    livingTogether:true,
                    addressConsistent:true,
                    propertyConsistent:true,
                    accumulationFund:0,
                    socialSecurity:0,
                    bankFlow:0,
                    dailyPay:0,
                    educationPay:0,
                    medicalPay:0,
                    travelPay:0,
                    insurancePay:0,
                    loan:0,
                    currentPay:0,
                    initiator:0,
                    };
                },
            //关闭页面
            closePage(){
              this.$router.push({
                path:"/credit_admin/creOrder/credit_admin/creOrder",
              });
            },
            //审核通过按钮
            examineSubmit(){
              var username = this.$store.state.user.name;
              this.examineNewData.initiator=username;
              this.examineNewData.userId=this.userId;
              this.examineNewData.orderId=this.orderId;
              this.examineNewData.contractName=this.productData.productName
              console.log(this.examineNewData.initiator);
              this.examineNewData.orderId = this.orderId;
              updateExamineNew(this.examineNewData).then(response=>{
                this.$modal.msgSuccess("审核通过");
              });
              this.updone.orderId = this.orderId;
              this.updone.auditStatus ="1";
              updateOrder(this.updone);
              addContract(this.examineNewData).then(response => {
              this.$modal.msgSuccess("新增成功");
            });
              this.$router.push({
                path:"/credit_admin/creOrder/credit_admin/creOrder",
              });
            },
    
            //审核拒绝按钮
            examineReject(){
              this.examineNewData.orderId = this.orderId;
              updateExamineNew(this.examineNewData).then(response=>{
                this.$modal.msgSuccess("审核拒绝");
              });
              this.updone.orderId = this.orderId;
              this.updone.auditStatus ="2";
              updateOrder(this.updone);
              this.$router.push({
                path:"/credit_admin/creOrder/credit_admin/creOrder",
              });
            },
            //顶部审核表刷新按钮
            refresh(){
              this.getExamineNewData();
            },
    
            handleClick(tab, event) {
              console.log(tab, event);
            },
          }
        };
      </script>